<template>
  <div class="Personal_info">
    <div class="title">
      <h2>基本信息</h2>
    </div>
    <div class="content">
      <p><span>用户昵称</span>
        <!--          {% if Search.nick_name %}-->
        <span>admin</span>
        <!--          {% else %}-->
        <span>未选择</span>
        <!--          {% endif %}-->
      </p>
      <p><span>用户ID</span><span>1</span></p>
      <p><span>性别</span><span>男</span></p>
      <p><span>人工简介</span><span>男</span></p>
      <p><span>出生日期</span><span>男</span></p>
    </div>
  </div>
</template>

<script>
export default {
  name: "PersonalInfo"
}
</script>

<style scoped lang="less">
// 个人信息
.Personal_info {
  height: 100%;
  background-color: #ffffff;
  padding-top: 10px;
  padding-left: 20px;

  .title {
    margin-bottom: 10px;
    border-bottom: 1px solid #f0f0f2;
  }

  .content {
    padding-top: 10px;

    p {
      display: flex;
      width: 100%;
      line-height: 35px;
      color: #555666;

      span:nth-child(1) {
        display: flex;
        width: 80px;
        letter-spacing: 1px;
      }
    }
  }
}
</style>